<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="format-detection" content="telephone=no"/>
<meta name="wap-font-scale" content="no">
<meta name="renderer" content="webkit">
<title>AutoCode</title>
<link rel="shortcut icon" href="/favicon.ico" />
<script src="/links/jquery/jquery-3.5.1.min.js"></script>
<script src="/links/polyfill.min.js"></script>
<script src="/links/axios/axios.min.js"></script>
<script src="/links/vue/vue.min.js"></script>
<script src="/links/element-ui/index.js"></script>
<script src="/links/dayjs.min.js"></script>
<script src="/links/echarts/echarts.js"></script>
<script src="/links/JsBarcode.all.js"></script>
<script src="/links/qrcode.min.js"></script>
<script src="/links/layer/layer.js"></script>
<script src="/links/crypto/crypto-js.js"></script>
<script src="/js/dragController.js"></script>
<script src="/js/HttpApi.js"></script>
<script src="/js/AutoCode.js"></script>
<link href="/links/element-ui/theme/index.css" rel="stylesheet"/>
<link href="/css/default.css" rel="stylesheet"/>
<link href="/css/dragController.css" rel="stylesheet"/>
<script src="/links/ace/src/ace.js"></script>
<script src="/links/ace/src/ext-language_tools.js"></script>
<script src="/links/beautify/beautify.min.js"></script>
<script src="/links/beautify/beautify-css.min.js"></script>
<script src="/links/beautify/beautify-html.min.js"></script>
    <style>
        
    </style>
</head>
<body>
<div id="app"  class="box " >
<div class="left " style="width:400px;">
<div class="flex ac-table-head">
    <div class="ac-table-oper"><el-button size="medium"  v-if="restApiTable.operVisible.buttonA==undefined || restApiTable.operVisible.buttonA" @click="restApiTable_openRestApiAdd()" :disabled="restApiTable.operDisabled.buttonA"  type="text"     native-type="button">添加(A)</el-button>
<el-button size="medium"  v-if="restApiTable.operVisible.buttonD==undefined || restApiTable.operVisible.buttonD" @click="restApiTable_delete()" :disabled="restApiTable.operDisabled.buttonD"  type="text"     native-type="button">删除(D)</el-button>
<el-button size="medium"  v-if="restApiTable.operVisible.query==undefined || restApiTable.operVisible.query" @click="restApiTable_load()" :disabled="restApiTable.operDisabled.query"  type="text"     native-type="button">刷新(Q)</el-button>
</div>
    <div></div>
</div>
<div class="ac-table-content2">
    <el-table row-key="id" highlight-current-row stripe show-header border  
    :data="restApiTable.data" size="mini" ref="restApiTable"
       
    height="100%"
    @current-change="restApiTable_currentChange">
    <el-table-column type="index" width="50" label="序号"></el-table-column>
<el-table-column prop="code" label="接口代码"    align="left"   >
   <template slot-scope="scope">
        {{scope.row.code}}
   </template>
</el-table-column>
<el-table-column prop="label" label="接口名称"    align="left"   >
   <template slot-scope="scope">
        {{scope.row.label}}
   </template>
</el-table-column>
<el-table-column prop="type" label="接口类型"    align="left"   >
   <template slot-scope="scope">
        <template v-if="scope.row.type=='IN'">服务接口</template><template v-else-if="scope.row.type=='OUT'">调用接口</template><template v-else>{{scope.row.type}}</template>
   </template>
</el-table-column>
<el-table-column prop="isActive" label="启用"    align="center"   class-name="editorCell">
   <template slot-scope="scope">
        <el-checkbox  v-model="scope.row.isActive"  size="small"  true-label="Y"  false-label="N"  @change="restApiTable_change('isActive',scope.row)"></el-checkbox>

   </template>
</el-table-column>

</el-table>

</div>
<div class="flex">
    <div></div>
    <div> <el-pagination
      @size-change="restApiTable_pageSizeChange"
      @current-change="restApiTable_pageCurrentChange"
      :current-page="restApiTable.pagingData.currentPage"
      :page-sizes="restApiTable.pagingData.pageSizes"
      :page-size="restApiTable.pagingData.pageSize"
      layout="total, sizes, prev, pager, next"
      :total="restApiTable.pagingData.total"
       
      >
    </el-pagination>
</div>
</div>
</div>
<div class="resize"></div>
<div class="right " style="width:calc(100% - 402px);">
<div class="box"><div class="topBox " style="height:280px;">
<div class="flex ac-form-head ac-form-oper-head-line">
    <div class="ac-form-title">{{restApiForm.title}}</div>
    <div class="ac-form-oper"><el-button size="medium"  v-if="restApiForm.operVisible.buttonE==undefined || restApiForm.operVisible.buttonE" @click="restApiForm_editRestApiAdd()" :disabled="restApiForm.operDisabled.buttonE"  type="text"     native-type="button">编辑(E)</el-button>
</div>
</div>
<div class="ac-form-content">
            <el-form class="ac-form-detail"    label-width="80px" label-position="right"
     size="mini" ref="restApiForm" :model="restApiForm.data" :rules="restApiForm.rules"  
     :disabled="restApiForm.disabled" @submit.native.prevent>
    <el-row><el-col :span=12 v-if="restApiForm.itemVisible.code==undefined || restApiForm.itemVisible.code">
    <el-form-item prop="code" label="接口代码">
        {{restApiForm.data.code}}

    </el-form-item>
</el-col>
<el-col :span=12 v-if="restApiForm.itemVisible.label==undefined || restApiForm.itemVisible.label">
    <el-form-item prop="label" label="接口名称">
        {{restApiForm.data.label}}

    </el-form-item>
</el-col>
<el-col :span=12 v-if="restApiForm.itemVisible.authType==undefined || restApiForm.itemVisible.authType">
    <el-form-item prop="authType" label="身份认证">
        <template v-if="restApiForm.data.authType==' appkey'"> appkey</template><template v-else-if="restApiForm.data.authType=='rsa'">数字签名</template><template v-else>{{restApiForm.data.authType}}</template>
    </el-form-item>
</el-col>
<el-col :span=12 v-if="restApiForm.itemVisible.encryption==undefined || restApiForm.itemVisible.encryption">
    <el-form-item prop="encryption" label="加密方式">
        <template v-if="restApiForm.data.encryption=='none'">不加密</template><template v-else-if="restApiForm.data.encryption=='rsa'">RSA</template><template v-else-if="restApiForm.data.encryption=='aes'">AES</template><template v-else>{{restApiForm.data.encryption}}</template>
    </el-form-item>
</el-col>
<el-col :span=12 v-if="restApiForm.itemVisible.type==undefined || restApiForm.itemVisible.type">
    <el-form-item prop="type" label="接口类型">
        <template v-if="restApiForm.data.type=='IN'">服务接口</template><template v-else-if="restApiForm.data.type=='OUT'">调用接口</template><template v-else>{{restApiForm.data.type}}</template>
    </el-form-item>
</el-col>
<el-col :span=12 v-if="restApiForm.itemVisible.isActive==undefined || restApiForm.itemVisible.isActive">
    <el-form-item prop="isActive" label="启用">
        <el-checkbox  v-model="restApiForm.data.isActive"  size="mini"  true-label="Y"  false-label="N" disabled></el-checkbox>

    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiForm.itemVisible.provider==undefined || restApiForm.itemVisible.provider">
    <el-form-item prop="provider" label="提供方">
        {{restApiForm.data.provider}}

    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiForm.itemVisible.url==undefined || restApiForm.itemVisible.url">
    <el-form-item prop="url" label="接口地址">
        {{restApiForm.data.url}}

    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiForm.itemVisible.remark==undefined || restApiForm.itemVisible.remark">
    <el-form-item prop="remark" label="备注">
        <pre style="white-space: pre-wrap;">{{restApiForm.data.remark}}</pre>

    </el-form-item>
</el-col>
</el-row>
 </el-form>

</div>
</div>
<div class="move"></div>
<div class="downBox " style="height:calc(100% - 282px);">
<el-tabs type="border-card" v-model="page.tabs" class=""  >
<el-tab-pane class="" label="申请记录" name="tab1" :disabled="tabDisabled.tab1" v-if="tabVisible.tab1" >
<div class="flex ac-table-head">
    <div class="ac-table-oper"><el-button size="medium"  v-if="restApiRecord.operVisible.buttonA==undefined || restApiRecord.operVisible.buttonA" @click="restApiRecord_openRestApiRecordAdd()" :disabled="restApiRecord.operDisabled.buttonA"  type="text"     native-type="button">添加(A)</el-button>
<el-button size="medium"  v-if="restApiRecord.operVisible.buttonE==undefined || restApiRecord.operVisible.buttonE" @click="restApiRecord_editRestApiRecordAdd()" :disabled="restApiRecord.operDisabled.buttonE"  type="text"     native-type="button">编辑(E)</el-button>
<el-button size="medium"  v-if="restApiRecord.operVisible.buttonD==undefined || restApiRecord.operVisible.buttonD" @click="restApiRecord_delete()" :disabled="restApiRecord.operDisabled.buttonD"  type="text"     native-type="button">删除(D)</el-button>
<el-button size="medium"  v-if="restApiRecord.operVisible.buttonC==undefined || restApiRecord.operVisible.buttonC" @click="restApiRecord_approval()" :disabled="restApiRecord.operDisabled.buttonC"  type="text"     native-type="button">审批</el-button>
<el-button size="medium"  v-if="restApiRecord.operVisible.buttonC==undefined || restApiRecord.operVisible.buttonC" @click="restApiRecord_retire()" :disabled="restApiRecord.operDisabled.buttonC"  type="text"     native-type="button">退回</el-button>
<el-button size="medium"  v-if="restApiRecord.operVisible.buttonQ==undefined || restApiRecord.operVisible.buttonQ" @click="restApiRecord_load()" :disabled="restApiRecord.operDisabled.buttonQ"  type="text"     native-type="button">刷新(Q)</el-button>
</div>
    <div></div>
</div>
<div class="ac-table-content2">
    <el-table row-key="id" highlight-current-row stripe show-header border  
    :data="restApiRecord.data" size="mini" ref="restApiRecord"
       
    height="100%"
    @current-change="restApiRecord_currentChange">
    <el-table-column type="index" width="50" label="序号"></el-table-column>
<el-table-column prop="status" label="状态" width="60"   align="left"   >
   <template slot-scope="scope">
        <template v-for="dict in dictOptions.interfaceStatus" v-if="scope.row.status==dict.value"> <i :style="{color:dict.iconColor}" :class="dict.icon"></i> <label :style="{color:dict.fontColor}">{{dict.label}}</label></template>
   </template>
</el-table-column>
<el-table-column prop="appName" label="系统名称"    align="left"   >
   <template slot-scope="scope">
        {{scope.row.appName}}
   </template>
</el-table-column>
<el-table-column prop="usrnam" label="接入账号"    align="left"   >
   <template slot-scope="scope">
        {{scope.row.usrnam}}
   </template>
</el-table-column>
<el-table-column prop="contacts" label="联系人"    align="left"   >
   <template slot-scope="scope">
        {{scope.row.contacts}}
   </template>
</el-table-column>
<el-table-column prop="email" label="联系人邮箱"    align="left"   >
   <template slot-scope="scope">
        {{scope.row.email}}
   </template>
</el-table-column>
<el-table-column prop="phone" label="联系人电话"    align="left"   >
   <template slot-scope="scope">
        {{scope.row.phone}}
   </template>
</el-table-column>
<el-table-column prop="remark" label="接入原因"    align="left"  show-overflow-tooltip >
   <template slot-scope="scope">
        {{scope.row.remark}}
   </template>
</el-table-column>
<el-table-column prop="createTime" label="申请时间"    align="left"  show-overflow-tooltip >
   <template slot-scope="scope">
         <template v-if="scope.row.createTime">
 <i class="el-icon-time"></i> {{dayjs(scope.row.createTime).format("YYYY-MM-DD HH:mm:ss")}}
</template>

   </template>
</el-table-column>
<el-table-column prop="approveTime" label="审批时间"    align="left"  show-overflow-tooltip >
   <template slot-scope="scope">
         <template v-if="scope.row.approveTime">
 <i class="el-icon-time"></i> {{dayjs(scope.row.approveTime).format("YYYY-MM-DD HH:mm:ss")}}
</template>

   </template>
</el-table-column>
<el-table-column prop="name" label="操作" width="120"   align="center"   ><template slot-scope="scope">
    <el-button size="small" type="text" @click="restApiRecord_editRestApiRecordDetail(scope.row)">详情</el-button>
    <el-button size="small" type="text" @click="restApiRecord_downLoadAuth(scope.row)">下载授权</el-button>
</template></el-table-column>

</el-table>

</div>
<div class="flex">
    <div></div>
    <div> <el-pagination
      @size-change="restApiRecord_pageSizeChange"
      @current-change="restApiRecord_pageCurrentChange"
      :current-page="restApiRecord.pagingData.currentPage"
      :page-sizes="restApiRecord.pagingData.pageSizes"
      :page-size="restApiRecord.pagingData.pageSize"
      layout="total, sizes, prev, pager, next"
      :total="restApiRecord.pagingData.total"
       
      >
    </el-pagination>
</div>
</div>
</el-tab-pane>

</el-tabs>

</div>
</div>
</div>

<el-dialog :visible.sync="restApiAdd.visible" :title="restApiAdd.title"
            width="50%"
            :close-on-click-modal="false"
            :close-on-press-escape="false">
            <div style="width:100%;">
                <el-form class=""    label-width="80px" label-position="right"
     size="mini" ref="restApiAdd" :model="restApiAdd.data" :rules="restApiAdd.rules"  
     :disabled="restApiAdd.disabled" @submit.native.prevent>
    <el-row><el-col :span=24 v-if="restApiAdd.itemVisible.code==undefined || restApiAdd.itemVisible.code">
    <el-form-item prop="code" label="接口代码">
        
<el-input type="text" size="mini"  v-model="restApiAdd.data.code" placeholder="接口代码" :disabled="restApiAdd.editorForm || restApiAdd.itemDisabled.code"  @keyup.enter.native="restApiAdd_dialogOk"  ></el-input>

        
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiAdd.itemVisible.label==undefined || restApiAdd.itemVisible.label">
    <el-form-item prop="label" label="接口名称">
        
<el-input type="text" size="mini"  v-model="restApiAdd.data.label" placeholder="接口名称" :disabled="restApiAdd.itemDisabled.label"  @keyup.enter.native="restApiAdd_dialogOk"  ></el-input>

        
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiAdd.itemVisible.type==undefined || restApiAdd.itemVisible.type">
    <el-form-item prop="type" label="接口类型">
        <el-select v-model="restApiAdd.data.type"  placeholder="接口类型" size="mini" :disabled="restApiAdd.itemDisabled.type" clearable      @keyup.enter.native="restApiAdd_dialogOk">
   <el-option label="服务接口" value="IN"></el-option><el-option label="调用接口" value="OUT"></el-option>
</el-select>

        
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiAdd.itemVisible.authType==undefined || restApiAdd.itemVisible.authType">
    <el-form-item prop="authType" label="身份认证">
        <el-select v-model="restApiAdd.data.authType"  placeholder="身份认证" size="mini" :disabled="restApiAdd.itemDisabled.authType" clearable      @keyup.enter.native="restApiAdd_dialogOk">
   <el-option label="appkey" value="appkey"></el-option><el-option label="数据签名" value="rsa"></el-option>
</el-select>

        
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiAdd.itemVisible.encryption==undefined || restApiAdd.itemVisible.encryption">
    <el-form-item prop="encryption" label="加密方式">
        <el-select v-model="restApiAdd.data.encryption"  placeholder="加密方式" size="mini" :disabled="restApiAdd.itemDisabled.encryption" clearable      @keyup.enter.native="restApiAdd_dialogOk">
   <el-option label="不加密" value="none"></el-option><el-option label="RSA" value="rsa"></el-option><el-option label="AES" value="aes"></el-option>
</el-select>

        
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiAdd.itemVisible.provider==undefined || restApiAdd.itemVisible.provider">
    <el-form-item prop="provider" label="提供方">
        
<el-input type="text" size="mini"  v-model="restApiAdd.data.provider" placeholder="提供方" :disabled="restApiAdd.itemDisabled.provider"  @keyup.enter.native="restApiAdd_dialogOk"  ></el-input>

        
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiAdd.itemVisible.url==undefined || restApiAdd.itemVisible.url">
    <el-form-item prop="url" label="接口地址">
        
<el-input type="text" size="mini"  v-model="restApiAdd.data.url" placeholder="接口地址" :disabled="restApiAdd.itemDisabled.url"  @keyup.enter.native="restApiAdd_dialogOk"  ></el-input>

        
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiAdd.itemVisible.remark==undefined || restApiAdd.itemVisible.remark">
    <el-form-item prop="remark" label="备注">
        
<el-input type="text" size="mini"  v-model="restApiAdd.data.remark" placeholder="备注" :disabled="restApiAdd.itemDisabled.remark"  @keyup.enter.native="restApiAdd_dialogOk"  ></el-input>

        
    </el-form-item>
</el-col>
</el-row>
 </el-form>

            </div>
            <div class="dialog-footer" slot="footer">    <el-button size="mini" @click="restApiAdd_dialogOk()"  type="primary"      native-type="button">确 定</el-button>
    <el-button size="medium" @click="restApiAdd_dialogCancel()"  type="text"      native-type="button">取 消</el-button>
</div>
</el-dialog>
<el-dialog :visible.sync="restApiRecordAdd.visible" :title="restApiRecordAdd.title"
            width="50%"
            :close-on-click-modal="false"
            :close-on-press-escape="false">
            <div style="width:100%;">
                <el-form class=""    label-width="80px" label-position="right"
     size="mini" ref="restApiRecordAdd" :model="restApiRecordAdd.data" :rules="restApiRecordAdd.rules"  
     :disabled="restApiRecordAdd.disabled" @submit.native.prevent>
    <el-row><el-col :span=24 v-if="restApiRecordAdd.itemVisible.appName==undefined || restApiRecordAdd.itemVisible.appName">
    <el-form-item prop="appName" label="系统名称">
        
<el-input type="text" size="mini"  v-model="restApiRecordAdd.data.appName" placeholder="系统名称" :disabled="restApiRecordAdd.itemDisabled.appName"  @keyup.enter.native="restApiRecordAdd_dialogOk"  ></el-input>

        
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordAdd.itemVisible.usrnam==undefined || restApiRecordAdd.itemVisible.usrnam">
    <el-form-item prop="usrnam" label="接入账号">
        
<el-input type="text" size="mini"  v-model="restApiRecordAdd.data.usrnam" placeholder="接入账号" :disabled="restApiRecordAdd.itemDisabled.usrnam"  @keyup.enter.native="restApiRecordAdd_dialogOk"  ></el-input>

        
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordAdd.itemVisible.remark==undefined || restApiRecordAdd.itemVisible.remark">
    <el-form-item prop="remark" label="接入原因">
        
<el-input type="text" size="mini"  v-model="restApiRecordAdd.data.remark" placeholder="接入原因" :disabled="restApiRecordAdd.itemDisabled.remark"  @keyup.enter.native="restApiRecordAdd_dialogOk"  ></el-input>

        
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordAdd.itemVisible.contacts==undefined || restApiRecordAdd.itemVisible.contacts">
    <el-form-item prop="contacts" label="联系人">
        
<el-input type="text" size="mini"  v-model="restApiRecordAdd.data.contacts" placeholder="联系人" :disabled="restApiRecordAdd.itemDisabled.contacts"  @keyup.enter.native="restApiRecordAdd_dialogOk"  ></el-input>

        
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordAdd.itemVisible.phone==undefined || restApiRecordAdd.itemVisible.phone">
    <el-form-item prop="phone" label="联系人电话">
        
<el-input type="text" size="mini"  v-model="restApiRecordAdd.data.phone" placeholder="联系人电话" :disabled="restApiRecordAdd.itemDisabled.phone"  @keyup.enter.native="restApiRecordAdd_dialogOk"  ></el-input>

        
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordAdd.itemVisible.email==undefined || restApiRecordAdd.itemVisible.email">
    <el-form-item prop="email" label="联系人邮箱">
        
<el-input type="text" size="mini"  v-model="restApiRecordAdd.data.email" placeholder="联系人邮箱" :disabled="restApiRecordAdd.itemDisabled.email"  @keyup.enter.native="restApiRecordAdd_dialogOk"  ></el-input>

        
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordAdd.itemVisible.publicKey==undefined || restApiRecordAdd.itemVisible.publicKey">
    <el-form-item prop="publicKey" label="公钥信息">
        
<el-input type="text" size="mini"  v-model="restApiRecordAdd.data.publicKey" placeholder="公钥信息" :disabled="restApiRecordAdd.itemDisabled.publicKey"  @keyup.enter.native="restApiRecordAdd_dialogOk"  ></el-input>

        
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordAdd.itemVisible.developer==undefined || restApiRecordAdd.itemVisible.developer">
    <el-form-item prop="developer" label="开发商">
        
<el-input type="text" size="mini"  v-model="restApiRecordAdd.data.developer" placeholder="开发商" :disabled="restApiRecordAdd.itemDisabled.developer"  @keyup.enter.native="restApiRecordAdd_dialogOk"  ></el-input>

        
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordAdd.itemVisible.appIp==undefined || restApiRecordAdd.itemVisible.appIp">
    <el-form-item prop="appIp" label="调用端地址">
        
<el-input type="text" size="mini"  v-model="restApiRecordAdd.data.appIp" placeholder="调用端地址" :disabled="restApiRecordAdd.itemDisabled.appIp"  @keyup.enter.native="restApiRecordAdd_dialogOk"  ></el-input>

        
    </el-form-item>
</el-col>
</el-row>
 </el-form>

            </div>
            <div class="dialog-footer" slot="footer">    <el-button size="mini" @click="restApiRecordAdd_dialogOk()"  type="primary"      native-type="button">确 定</el-button>
    <el-button size="medium" @click="restApiRecordAdd_dialogCancel()"  type="text"      native-type="button">取 消</el-button>
</div>
</el-dialog>
<el-dialog :visible.sync="restApiRecordDetail.visible" :title="restApiRecordDetail.title"
            width="50%"
            :close-on-click-modal="false"
            :close-on-press-escape="false">
            <div style="width:100%;">
                <el-form class="ac-form-detail"    label-width="120px" label-position="right"
     size="mini" ref="restApiRecordDetail" :model="restApiRecordDetail.data" :rules="restApiRecordDetail.rules"  
     :disabled="restApiRecordDetail.disabled" @submit.native.prevent>
    <el-row><el-col :span=24 v-if="restApiRecordDetail.itemVisible.appName==undefined || restApiRecordDetail.itemVisible.appName">
    <el-form-item prop="appName" label="系统名称">
        {{restApiRecordDetail.data.appName}}

    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordDetail.itemVisible.usrnam==undefined || restApiRecordDetail.itemVisible.usrnam">
    <el-form-item prop="usrnam" label="接入账号">
        {{restApiRecordDetail.data.usrnam}}

    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordDetail.itemVisible.contacts==undefined || restApiRecordDetail.itemVisible.contacts">
    <el-form-item prop="contacts" label="联系人">
        {{restApiRecordDetail.data.contacts}}

    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordDetail.itemVisible.phone==undefined || restApiRecordDetail.itemVisible.phone">
    <el-form-item prop="phone" label="联系人电话">
        {{restApiRecordDetail.data.phone}}

    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordDetail.itemVisible.email==undefined || restApiRecordDetail.itemVisible.email">
    <el-form-item prop="email" label="联系人邮箱">
        {{restApiRecordDetail.data.email}}

    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordDetail.itemVisible.remark==undefined || restApiRecordDetail.itemVisible.remark">
    <el-form-item prop="remark" label="接入原因">
        {{restApiRecordDetail.data.remark}}

    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordDetail.itemVisible.publicKey==undefined || restApiRecordDetail.itemVisible.publicKey">
    <el-form-item prop="publicKey" label="公钥信息">
        {{restApiRecordDetail.data.publicKey}}

    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordDetail.itemVisible.developer==undefined || restApiRecordDetail.itemVisible.developer">
    <el-form-item prop="developer" label="开发商">
        {{restApiRecordDetail.data.developer}}

    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordDetail.itemVisible.appIp==undefined || restApiRecordDetail.itemVisible.appIp">
    <el-form-item prop="appIp" label="调用端地址">
        {{restApiRecordDetail.data.appIp}}

    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordDetail.itemVisible.status==undefined || restApiRecordDetail.itemVisible.status">
    <el-form-item prop="status" label="状态">
        <template v-for="dict in dictOptions.interfaceStatus" v-if="restApiRecordDetail.data.status==dict.value">{{dict.label}}</template>
    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordDetail.itemVisible.createTime==undefined || restApiRecordDetail.itemVisible.createTime">
    <el-form-item prop="createTime" label="申请时间">
         <template v-if="restApiRecordDetail.data.createTime">
    <i class="el-icon-time"></i> {{dayjs(restApiRecordDetail.data.createTime).format("YYYY-MM-DD HH:mm:ss")}}
 </template>

    </el-form-item>
</el-col>
<el-col :span=24 v-if="restApiRecordDetail.itemVisible.approveTime==undefined || restApiRecordDetail.itemVisible.approveTime">
    <el-form-item prop="approveTime" label="审批时间">
         <template v-if="restApiRecordDetail.data.approveTime">
    <i class="el-icon-time"></i> {{dayjs(restApiRecordDetail.data.approveTime).format("YYYY-MM-DD HH:mm:ss")}}
 </template>

    </el-form-item>
</el-col>
</el-row>
 </el-form>

            </div>
            
</el-dialog>


</div>

</body>
<script th:inline="javascript">
    let vm = new Vue({
            el: '#app',
            data() {
                return {"restApiRecord":{"title":"申请记录","currentRow":{},"data":[],"expandRowKeys":[],"pagingData":{"currentPage":1,"total":0,"pageSize":20,"pageSizes":[10,20,30,40,50,100]},"operData":{},"operVisible":{},"operDisabled":{},"rawData":[],"itemVisible":{},"operDialogVisible":false},"restApiForm":{"title":"接口信息","data":{"isActive":"Y","encryption":"none","type":"IN"},"operData":{},"operVisible":{},"operDisabled":{},"disabled":false,"editorForm":true,"itemVisible":{},"itemDisabled":{},"transfer":{},"rules":{}},"restApiTable":{"title":"接口列表","currentRow":{},"data":[],"expandRowKeys":[],"pagingData":{"currentPage":1,"total":0,"pageSize":20,"pageSizes":[10,20,30,40,50,100]},"operData":{},"operVisible":{},"operDisabled":{},"rawData":[],"itemVisible":{},"operDialogVisible":false},"page":{"tabs":"tab1"},"tabDisabled":{"tab1":false},"tabVisible":{"tab1":true},"customOptions":{},"dictOptions":{},"restApiAdd":{"visible":false,"title":"添加接口","data":{"encryption":"none","type":"IN"},"operData":{},"operVisible":{},"operDisabled":{},"disabled":false,"editorForm":true,"itemVisible":{},"itemDisabled":{},"transfer":{},"rules":{"code":[{"required":true,"message":"请输入接口代码","trigger":"blur"}],"label":[{"required":true,"message":"请输入接口名称","trigger":"blur"}],"type":[{"required":true,"message":"请输入接口类型","trigger":"blur"}],"authType":[{"required":true,"message":"请输入身份认证","trigger":"blur"}],"encryption":[{"required":true,"message":"请输入加密方式","trigger":"blur"}]}},"restApiRecordAdd":{"visible":false,"title":"添加申请记录","data":{},"operData":{},"operVisible":{},"operDisabled":{},"disabled":false,"editorForm":true,"itemVisible":{},"itemDisabled":{},"transfer":{},"rules":{"appName":[{"required":true,"message":"请输入系统名称","trigger":"blur"}],"usrnam":[{"required":true,"message":"请输入接入账号","trigger":"blur"}],"remark":[{"required":true,"message":"请输入接入原因","trigger":"blur"}],"contacts":[{"required":true,"message":"请输入联系人","trigger":"blur"}]}},"restApiRecordDetail":{"visible":false,"title":"申请详情","data":{"status":"Draft","createTime":"@now"},"operData":{},"operVisible":{},"operDisabled":{},"disabled":false,"editorForm":true,"itemVisible":{},"itemDisabled":{},"transfer":{},"rules":{}}}
            },
            watch: {
},
            methods: {
restApiRecord_operCtrl:function(currentRow) {
    /**
    * operDisabled：控制按钮的是否禁止操作，true代表禁止操作，false代表允许操作
    * this.$set(this.stdSolReceiveHistory.operDisabled, "buttonE", true);
    * operVisible：控制按钮是否显示，true代表显示，false代表不显示
    * this.$set(this.stdSolReceiveHistory.operVisible, "buttonE", false);
    */
    if(!currentRow) {
       this.$set(this.restApiRecord.operDisabled, "buttonE", true);//编辑(E)
this.$set(this.restApiRecord.operDisabled, "buttonD", true);//删除(D)
this.$set(this.restApiRecord.operDisabled, "buttonC", true);//审批
this.$set(this.restApiRecord.operDisabled, "buttonC", true);//退回

    }else {
       this.$set(this.restApiRecord.operDisabled, "buttonE", false);//编辑(E)
this.$set(this.restApiRecord.operDisabled, "buttonD", false);//删除(D)
this.$set(this.restApiRecord.operDisabled, "buttonC", false);//审批
this.$set(this.restApiRecord.operDisabled, "buttonC", false);//退回

    }
},
restApiRecordAdd_dialogOk:function(){
      let that = this;
      this.$refs.restApiRecordAdd.validate(function(valid){
           if(valid){
                that.restApiRecordAdd.callback(that.restApiRecordAdd.data);
           }else{
                return false;
           }
      });
},
restApiRecordDetail_dialogOk:function(){
      let that = this;
      this.$refs.restApiRecordDetail.validate(function(valid){
           if(valid){
                that.restApiRecordDetail.callback(that.restApiRecordDetail.data);
           }else{
                return false;
           }
      });
},
restApiRecord_currentChange:function(currentRow){
    if(!currentRow){
        //如果没有传入值，则将当前的选中值清空
        this.$data.restApiRecord.currentRow = this.$options.data().restApiRecord.currentRow;
    }else{
        this.restApiRecord.currentRow = currentRow;
    }
},
restApiRecord_editRestApiRecordDetail:function(param) {
    let that = this;
     this.restApiRecordDetail.editorForm = true;
     this.restApiRecordDetail_dialogOpen(param, function(dialogData) {

     })
},
restApiAdd_load:function(){
    let that = this;
    HttpApi.queryObject("sysRestApi",this.restApiAdd.operData,function(res){
        that.restApiAdd.data = res;
    });
}
,
restApiTable_pageSizeChange:function(pageSize){
    this.restApiTable.pagingData.pageSize=pageSize;
    this.restApiTable_load();
}
,
restApiTable_currentChange:function(currentRow){
    if(currentRow){
        this.restApiTable.currentNodeKey=currentRow.id;
        this.restApiTable.currentRow = currentRow;
        this.restApiForm.editorForm=true;
this.restApiForm.operData.id=this.restApiTable.currentRow.id;
this.restApiForm_load();
    this.restApiRecord.operData.apiCode=this.restApiTable.currentRow.code;
this.restApiRecord_load();

    }else{
        this.$data.restApiTable.currentNodeKey=this.$options.data().restApiTable.currentNodeKey;
        this.$data.restApiTable.currentRow = this.$options.data().restApiTable.currentRow;
        this.$data.restApiForm.operData=this.$options.data().restApiForm.operData;
this.$data.restApiForm.data=this.$options.data().restApiForm.data;
this.$data.restApiRecord.operData=this.$options.data().restApiRecord.operData;
this.$data.restApiRecord.data=this.$options.data().restApiRecord.data;

    }
    this.restApiTable_operCtrl(currentRow);
},
restApiRecord_openRestApiRecordAdd:function(){
    let that = this;
    if (!this.restApiTable.currentRow.id) {
        this.$alert("请先选中一条接口列表信息");
        return;
    }else{
        this.restApiRecordAdd.editorForm = false;
        let param = {};
        param.apiCode=this.restApiRecord.operData.apiCode;

        this.restApiRecordAdd_dialogOpen(param,function(dialogData){
            HttpApi.saveProvider("sysRestApiRecord",dialogData,function(res){
                that.$message.success("操作成功！");
                that.restApiRecord.data.push(res);
                that.$refs.restApiRecord.setCurrentRow(res);
                that.restApiRecordAdd.visible = false;
            });
        })
    
    }
},
restApiTable_openRestApiAdd:function(){
    let that = this;
    this.restApiAdd.editorForm = false;
    let param = {};
    
    this.restApiAdd_dialogOpen(param,function(dialogData){
       
        HttpApi.saveProvider("sysRestApi",dialogData,function(res){
            that.restApiTable.data.push(res);
            that.$refs.restApiTable.setCurrentRow(res);
            that.restApiAdd.visible = false;
        });
    })
},
restApiRecord_retire:function(param) {
    let that = this;
    let id = this.restApiRecord.currentRow.id;
    if (id) {
        HttpApi.postConfirm("/platform/restApi/retire", this.restApiRecord.currentRow, function(res) {
            /*请补充方法信息*/
            that.restApiRecord_load();
        });
    } else {
        this.$alert("请选择要退回的记录");
    }
},
restApiAdd_dialogOk:function(){
      let that = this;
      this.$refs.restApiAdd.validate(function(valid){
           if(valid){
                that.restApiAdd.callback(that.restApiAdd.data);
           }else{
                return false;
           }
      });
},
restApiRecordAdd_dialogCancel:function(){
     this.restApiRecordAdd.visible = false;
},
restApiTable_load:function(){
    let that = this;
    HttpApi.queryPaging("sysRestApi",this.restApiTable.pagingData,this.restApiTable.operData,function(res){
        that.restApiTable.data  = res;
        if(that.restApiTable.data.length>0){
            that.$refs.restApiTable.setCurrentRow(that.restApiTable.data[0]);
        }else{
             that.$refs.restApiTable.setCurrentRow();
        }
    });
},
restApiRecord_load:function(){
    let that = this;
    HttpApi.queryPaging("sysRestApiRecord",this.restApiRecord.pagingData,this.restApiRecord.operData,function(res){
        that.restApiRecord.data  = res;
        if(that.restApiRecord.data.length>0){
            that.$refs.restApiRecord.setCurrentRow(that.restApiRecord.data[0]);
        }else{
             that.$refs.restApiRecord.setCurrentRow();
        }
    });
},
restApiTable_pageCurrentChange:function(currentPage){
    this.restApiTable.pagingData.currentPage=currentPage;
    this.restApiTable_load();
}
,
restApiRecord_editRestApiRecordAdd:function(){
    let that = this;
    this.restApiRecordAdd.editorForm = true;
    if(!this.restApiRecord.currentRow.id){
        this.$alert("请先选中一条申请记录信息");
        return;
    }else{
        this.restApiRecordAdd_dialogOpen(this.restApiRecord.currentRow,function(dialogData){
            HttpApi.saveProvider("sysRestApiRecord",dialogData,function(res){
                let index = that.restApiRecord.data.findIndex(function(item){
                    return item.id==res.id;
                });
                that.$set(that.restApiRecord.data, index, res);
                that.$refs.restApiRecord.setCurrentRow(res);
                that.restApiRecordAdd.visible = false;
            });
        })
    }
},
restApiRecordAdd_dialogOpen:function(param,callback){
    this.$data.restApiRecordAdd.data = this.$options.data().restApiRecordAdd.data;
    this.$data.restApiRecordAdd.operData = this.$options.data().restApiRecordAdd.operData;
    for(let val in param) {
        this.$set(this.restApiRecordAdd.data, val, param[val])
    }
    this.restApiRecordAdd.callback=callback;
    this.restApiRecordAdd.visible = true;
}
,
restApiRecord_pageSizeChange:function(pageSize){
    this.restApiRecord.pagingData.pageSize=pageSize;
    this.restApiRecord_load();
}
,
restApiTable_change:function(fieldName,row){
    HttpApi.updateProvider("sysRestApi",fieldName,row,function(){

    });
}
,
restApiTable_operCtrl:function(currentRow) {
    /**
    * operDisabled：控制按钮的是否禁止操作，true代表禁止操作，false代表允许操作
    * this.$set(this.stdSolReceiveHistory.operDisabled, "buttonE", true);
    * operVisible：控制按钮是否显示，true代表显示，false代表不显示
    * this.$set(this.stdSolReceiveHistory.operVisible, "buttonE", false);
    */
    if(!currentRow) {
       this.$set(this.restApiTable.operDisabled, "buttonD", true);//删除(D)

    }else {
       this.$set(this.restApiTable.operDisabled, "buttonD", false);//删除(D)

    }
},
restApiRecord_downLoadAuth:function(param) {
    let that = this;
    HttpApi.download("/platform/restApi/downLoadAuth", param);
},
restApiForm_load:function(){
    let that = this;
    HttpApi.queryObject("sysRestApi",this.restApiForm.operData,function(res){
        that.restApiForm.data = res;
    });
}
,
restApiForm_editRestApiAdd: function() {
     let that = this;
     this.restApiAdd.editorForm = true;
     this.restApiAdd_dialogOpen(this.restApiForm.data, function(dialogData) {
         HttpApi.saveProvider("sysRestApi", dialogData, function(res) {
             that.restApiForm.data = res;
             that.restApiAdd.visible = false;
         });
     })
 },
restApiRecord_approval:function(param) {
    let that = this;
    let id = this.restApiRecord.currentRow.id;
    if (id) {
        HttpApi.postConfirm("/platform/restApi/approve", this.restApiRecord.currentRow, function(res) {
            /*请补充方法信息*/
            that.restApiRecord_load();
        });
    } else {
        this.$alert("请选择要审批的记录");
    }

},
restApiRecord_pageCurrentChange:function(currentPage){
    this.restApiRecord.pagingData.currentPage=currentPage;
    this.restApiRecord_load();
}
,
restApiRecordDetail_dialogCancel:function(){
     this.restApiRecordDetail.visible = false;
},
restApiAdd_dialogCancel:function(){
     this.restApiAdd.visible = false;
},
restApiAdd_dialogOpen:function(param,callback){
    this.$data.restApiAdd.data = this.$options.data().restApiAdd.data;
    this.$data.restApiAdd.operData = this.$options.data().restApiAdd.operData;
    for(let val in param) {
        this.$set(this.restApiAdd.data, val, param[val])
    }
    this.restApiAdd.callback=callback;
    this.restApiAdd.visible = true;
}
,
restApiTable_delete:function(){
    let that = this;
    let id=this.restApiTable.currentRow.id;
    if(id){
        HttpApi.delProviderConfirm("sysRestApi", this.restApiTable.currentRow,function(res){
             let index = that.restApiTable.data.findIndex(function(item){
                 return item.id==id;
             });
             that.restApiTable.data.splice(index,1);
             if(that.restApiTable.data.length==0){
                 that.$data.restApiTable.currentRow = that.$options.data().restApiTable.currentRow;
                 that.$refs.restApiTable.setCurrentRow();
             }else if(that.restApiTable.data.length>index){
                 that.$refs.restApiTable.setCurrentRow(that.restApiTable.data[index]);
             }else{
                 that.$refs.restApiTable.setCurrentRow(that.restApiTable.data[index-1]);
             }
             that.$message.success("删除成功");
        });
    }else{
       that.$alert("请选择要删除的数据");
    }
}
,
restApiRecord_delete:function(){
    let that = this;
    let id=this.restApiRecord.currentRow.id;
    if(id){
        HttpApi.delProviderConfirm("sysRestApiRecord", this.restApiRecord.currentRow,function(res){
             let index = that.restApiRecord.data.findIndex(function(item){
                 return item.id==id;
             });
             that.restApiRecord.data.splice(index,1);
             if(that.restApiRecord.data.length==0){
                 that.$data.restApiRecord.currentRow = that.$options.data().restApiRecord.currentRow;
                 that.$refs.restApiRecord.setCurrentRow();
             }else if(that.restApiRecord.data.length>index){
                 that.$refs.restApiRecord.setCurrentRow(that.restApiRecord.data[index]);
             }else{
                 that.$refs.restApiRecord.setCurrentRow(that.restApiRecord.data[index-1]);
             }
             that.$message.success("删除成功");
        });
    }else{
       that.$alert("请选择要删除的数据");
    }
}
,
restApiRecordDetail_load:function() {
    let that = this;
    HttpApi.queryObject("sysRestApiRecord", this.restApiRecordDetail.operData, function(res) {
        that.restApiRecordDetail.data = res;
    });
},
restApiRecordDetail_dialogOpen:function(param, callback) {
    this.$data.restApiRecordDetail.operData = this.$options.data().restApiRecordDetail.operData;
    this.$set(this.restApiRecordDetail.operData, "id", param.id)
    this.restApiRecordDetail_load();
    this.restApiRecordDetail.callback = callback;
    this.restApiRecordDetail.visible = true;
},
restApiRecordAdd_load:function(){
    let that = this;
    HttpApi.queryObject("sysRestApiRecord",this.restApiRecordAdd.operData,function(res){
        that.restApiRecordAdd.data = res;
    });
}

},
            mounted: function(){
    dragControllerLR();
    dragControllerUD();
},
            created: function(){
    let that=this;
    //获取字典信息
    HttpApi.dictOptions(["interfaceStatus"],function(res){
        that.dictOptions=res;
    });

    //加载自定义数据字典
    

    //加载初始化load
    this.restApiTable_load();


    //加载初始化方法
    
}
    });
    

    
</script>
</html>
